<template>
	<view class="content">
		<view class="deome"> 
		    <!--用户名 -->
			<view class="username">
				<navigator>
					<image src="http://qiniu.chenyp.top/tinumb/show/showlife-02.jpg"></image>
					<view>橘子</view>
				</navigator>
			</view>
			<!-- 图片 -->
			<navigator class="image"><image src="http://qiniu.chenyp.top/tinumb/show/showlife-02.jpg"></image></navigator>
			
			<!-- 内容 -->
			<view class="contenrs">
				<!-- 定位 -->
				<view class="jps">
					<image src="./img/dingwei.png"></image>
					<view>贵阳XX旅游景区</view>
				</view>
				<!-- 发表意见 -->
				<view class="opinion">
					五一出游去山间看看吧<br/>
					不后悔的，没有人挤人，没有车挤车<br/>
					找一家山间的美食民宿
				</view>
				<!-- 点赞 -->
				<view class="like">
					<view class="aixing"><image src="./img/nolike.png"></image><view>5786</view></view>
					<view><image src="./img/noxing.png"></image></view>
					<view><image src="./img/bijiben.png"></image></view>
				</view>
				
				<!-- 发表评论 -->
				<view class="comment">
					<view>发表评论.......</view>
				</view>
			</view>
			
			<!-- 阴影 -->
			<view class="yinying"></view>
		</view>
	
		<view class="deome">
		    <!--用户名 -->
			<view class="username">
				<navigator>
					<image src="../home/img/5.jpg"></image>
					<view>橘子</view>
				</navigator>
			</view>
			<!-- 图片 -->
			<navigator class="image"><image src="../home/img/5.jpg"></image></navigator>
			
			<!-- 内容 -->
			<view class="contenrs">
				<!-- 定位 -->
				<view class="jps">
					<image src="./img/dingwei.png"></image>
					<view>贵阳XX旅游景区</view>
				</view>
				<!-- 发表意见 -->
				<view class="opinion">
					五一出游去山间看看吧<br/>
					不后悔的，没有人挤人，没有车挤车<br/>
					找一家山间的美食民宿
				</view>
				<!-- 点赞 -->
				<view class="like">
					<view class="aixing"><image src="./img/nolike.png"></image><view>5786</view></view>
					<view><image src="./img/noxing.png"></image></view>
					<view><image src="./img/bijiben.png"></image></view>
				</view>
				
				<!-- 发表评论 -->
				<view class="comment">
					<view>发表评论.......</view>
				</view>
			</view>
			
			<!-- 阴影 -->
			<view class="yinying"></view>
		</view>
			
	</view>
</template>

<script>
</script>

<style scoped>

.deome{
	width: 100%;
	background-color: #FFFFFF;
}
/* 用户名 */
.username{
	width:100%;
	height:36px;
	margin: 20px 0px;
}
.username>navigator{
	display:flex;
	align-items:center;
	margin:20px;
}
.username image{
	width:50px;
	height:50px;
	border-radius:50%;
	margin-right: 20px;
}
.username view{
	color: #555555;
	font-size: 18px;
}

/* 图片 */
.image{
	width: 100%;
	height: 336px;
}
.image image{
	width: 100%;
	height: 100%;
}

/* 内容 */
.contenrs{
	width: 90%;
	margin: auto;
}
/* 定位 */
.jps{
	display: flex;
	align-items: center;
	padding: 10px 0px;
}
.jps image{
	width: 15px;
	height: 20px;
	margin-right: 5px;
}
.jps view{
	font-size: 14px;
	color: #171414;
}
.opinion{
	line-height: 24px;
	color: #171414;
}

/*点赞*/
.like{
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	margin: 10px 0px;
}
.aixing{
	display: flex;
	align-items: center;
}
.aixing image{
	margin-right: 5px;
}
.aixing view{
	font-size: 16px;
	color: #171414;
}
.like image{
	width: 20px;
	height: 19px;
}
.like>view{
	margin-right: 20px;
}
/* 发表评论 */
.comment{
	padding-bottom: 20px;
}
.comment view{
	width: 100%;
	height: 30px;
	background-color: #F5F5F5;
	color: #848383;
	font-size: 12px;
	line-height: 30px;
	border-radius: 5px;
}
 /* 阴影 */
.yinying{
	width: 100%;
	height: 10px;
	background-color: #EEEEEE;
}	
	
</style>
